{% extends 'eval/base.html' %}
{% load staticfiles %}
{% block link_script%}
<link rel="stylesheet" href="{% static 'css/list.css' %}" media="screen" title="no title" charset="utf-8">
{% endblock%}

{% block base_body %}
    <!--中间切换部分-->
    <div class="ui fluid image" id="adv">
        <div class="ui header" id="zhong_01">
            <a href="{% url 'index' %}">首页</a>< {{ tag }}
        </div>
        <div class="ui three column grid" id="zhong_02">
            <div class="row">
                <div class="column">
                    <div class="ui header" id="zhong_03">
                        进行中项目
                    </div>
                </div>
                <div class="column">
                    <div class="ui header" id="zhong_04">
                        已完成项目
                    </div>
                </div>
                <!--<div class="column">-->
                    <!--<div class="ui header" id="zhong_05">-->
                        <!--创建新项目-->
                    <!--</div>-->
                <!--</div>-->
            </div>
            <div class="row" id="zhong_06">
                <!--<div class="column">-->
                    <div class="ui horizontal list" id="li_01">
                        <div class="item" id="zhong_07">
                            <img class="ui image" src="{% static 'images/11.png' %}" id="pic_01">
                            <div class="middle aligned content" >新建项目 </div>
                        </div>
                        <div class="item" id="zhong_08">
                            <img class="ui image" src="{% static 'images/05.png' %}" id="pic_02">
                            <div class="middle aligned content" >项目提前 </div>
                        </div>
                        <div class="item"  id="zhong_09">
                            <img class="ui image" src="{% static 'images/07.png' %}" id="pic_03">
                            <div class="middle aligned content">项目延迟 </div>
                        </div>
                    </div>
            </div>
        </div>
        <!--卡片区域-->
        <div class="ui grid">
            <div class="four wide column" id="zhong_10">
                    <!--<div class="ui form" id="pink_01">-->
                    <!--</div>-->
            </div>
            <div class="nine wide column" id="zhong_11">
                <div class="ui four column grid" id="item_01">
                    {% for i in project %}
                    <div class="column" id="pink_02">
                        <!--<div class="ui header" id="title_01">CATCH BOSS APP <br>-->
                            <!--项目开发项目开发-->
                        <!--</div>-->
                        <div lass="ui header" id="title_01"><a href="{% url 'listing' %}">{{ i.name }}</a><br>
                            <!--项目开发项目开发-->
                        </div>
                        <div class="ui center aligned container" id="title_02">负责：{{ i.manager }}</div>
                        <div class="item">
                            <div class="right aligned content" id="mun">
                                <div class="ui right aligned container" id="title_03">{{ i.begin| date:"m.j" }}</div>
                                <div class="ui right aligned container" id="time_03"> 开始时间</div>
                            </div>
                            <img class="ui image" src="{% static 'images/kpi-02_03.png' %}" id="pic_04">
                        </div>
                        <div class="ui header" id="title_04">{{ i.end| date:"m.j" }}</div>
                        <div class="ui header" id="time_04"> 预估结束</div>
                    </div>
                    {% endfor %}

                    <!--<div class="column" id="pink_02">-->
                        <!--<div class="ui header" id="title_01">CATCH BOSS APP <br>-->
                            <!--项目开发项目开发-->
                        <!--</div>-->
                        <!--<div class="ui center aligned container" id="title_02">负责：张亚超</div>-->
                        <!--<div class="item">-->
                            <!--<div class="right aligned content" id="mun">-->
                                <!--<div class="ui right aligned container" id="title_03">9.15</div>-->
                                <!--<div class="ui right aligned container" id="time_03"> 开始时间</div>-->
                            <!--</div>-->
                            <!--<img class="ui image" src="{% static 'images/kpi-02_03.png' %}" id="pic_04">-->
                        <!--</div>-->
                        <!--<div class="ui header" id="title_04">10.15</div>-->
                        <!--<div class="ui header" id="time_04"> 预估结束</div>-->
                    <!--</div>-->
                    <div class="column" id="pink_03"></div>
                    <div class="column" id="pink_04">
                        <div class="ui header" id="title_a">CATCH BOSS APP <br>
                            项目开发项目开发</div>

                        <div class="ui header" id="title_b">负责:张亚超
                            <p class="ui header" id="end">终止时间:10.15</p>
                        </div>
                        <div class="ui center aligned container">
                            <p id="zong">项目总结</p>
                        </div>
                        <div class="ui text container" id="cont">
                            这里是项目总结的内容,这里是项目总结的内容,这里是项目...
                        </div>
                    </div>
                    <div class="column" id="pink_05"></div>
                    <div class="ui horizontal list">
                        <div class="item">
                            <div id="time_01">09-15/<span>2017</span></div>
                            <img src="{% static 'images/kpi_01_03.png' %}" alt="" class="ui image" id="image_01">
                        </div>
                    </div>
                </div>
                <div class="ui four column grid" id="item_02" >
                    <div class="column" id="pink_09"></div>
                    <div class="column" id="pink_10"></div>
                    <div class="column" id="pink_11"></div>
                    <div class="column" id="pink_12"></div>
                    <div class="ui horizontal list">
                        <div class="item">
                            <div class="middle aligned content" id="time_02">09-14/<span>2017</span></div>
                            <img src="{% static 'images/kpi_01_03.png' %}" alt="" class="ui image" id="image_02">
                        </div>
                    </div>
                </div>
                <!--<div class="ui form" id="pink_02"></div>-->
                <!--<div class="ui form" id="pink_03"></div>-->
                <!--<div class="ui form" id="pink_04"></div>-->
                <!--<div class="ui form" id="pink_05"></div>-->
                <!--<div class="ui form" id="pink_06"></div>-->
                <!--<div class="ui form" id="pink_07"></div>-->
                <!--<div class="ui form" id="pink_08"></div>-->
                <!--<div class="ui form" id="pink_09"></div>-->
                <!--<div class="ui form" id="pink_10"></div>-->
                <!--<div class="ui form" id="pink_11"></div>-->
                <!--<div class="ui form" id="pink_12"></div>-->
                <!--<div class="ui form" id="pink_13"></div>-->
                <!--<div class="ui form" id="pink_14"></div>-->
                <!--<div class="ui form" id="pink_15"></div>-->
            </div>
            <!--<div class="three wide column" id="zhong_12"></div>-->
         </div>
    </div>
{% endblock %}